<#macro layout title="K博客 - KK的个人博客，java、Web前端、设计、摄影、热爱生活" blogtype="0">
<!DOCTYPE html>
<html lang="en"><!--<![endif]-->
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <title>${title}</title>
  <script type="text/javascript" src="${basepath!}/static/syntaxhighlighter/scripts/shCore.js"></script>	   
  <script type="text/javascript" src="${basepath!}/static/syntaxhighlighter/scripts/shBrushBash.js"></script>	   
  <script type="text/javascript" src="${basepath!}/static/syntaxhighlighter/scripts/shBrushCpp.js"></script>	   
  <script type="text/javascript" src="${basepath!}/static/syntaxhighlighter/scripts/shBrushCSharp.js"></script>	   
  <script type="text/javascript" src="${basepath!}/static/syntaxhighlighter/scripts/shBrushCss.js"></script>	   
  <script type="text/javascript" src="${basepath!}/static/syntaxhighlighter/scripts/shBrushDelphi.js"></script>	   
  <script type="text/javascript" src="${basepath!}/static/syntaxhighlighter/scripts/shBrushDiff.js"></script>	   
  <script type="text/javascript" src="${basepath!}/static/syntaxhighlighter/scripts/shBrushGroovy.js"></script>	   
  <script type="text/javascript" src="${basepath!}/static/syntaxhighlighter/scripts/shBrushJava.js"></script>	   
  <script type="text/javascript" src="${basepath!}/static/syntaxhighlighter/scripts/shBrushJScript.js"></script>	   
  <script type="text/javascript" src="${basepath!}/static/syntaxhighlighter/scripts/shBrushPhp.js"></script>	   
  <script type="text/javascript" src="${basepath!}/static/syntaxhighlighter/scripts/shBrushPlain.js"></script>	   
  <script type="text/javascript" src="${basepath!}/static/syntaxhighlighter/scripts/shBrushPython.js"></script>	   
  <script type="text/javascript" src="${basepath!}/static/syntaxhighlighter/scripts/shBrushRuby.js"></script>	   
  <script type="text/javascript" src="${basepath!}/static/syntaxhighlighter/scripts/shBrushScala.js"></script>	   
  <script type="text/javascript" src="${basepath!}/static/syntaxhighlighter/scripts/shBrushSql.js"></script>	   
  <script type="text/javascript" src="${basepath!}/static/syntaxhighlighter/scripts/shBrushVb.js"></script>	   
  <script type="text/javascript" src="${basepath!}/static/syntaxhighlighter/scripts/shBrushXml.js"></script>	   
  <link type="text/css" rel="stylesheet" href="${basepath!}/static/syntaxhighlighter/styles/shCore.css"/>	   
  <link type="text/css" rel="stylesheet" href="${basepath!}/static/syntaxhighlighter/styles/shThemeDefault.css"/>	   
  
  <script type="text/javascript">	   
    SyntaxHighlighter.config.clipboardSwf = '${basepath!}/static/syntaxhighlighter/scripts/clipboard.swf';	   
    SyntaxHighlighter.all();	   
  </script>
    
    <link rel="stylesheet" type="text/css" href="${basepath!}/static/kindeditor/plugins/code/prettify.css" />
	<script type="text/javascript" src="${basepath!}/static/kindeditor/plugins/code/prettify.js"></script>
	
    <link rel="stylesheet" type="text/css" href="${basepath!}/static/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="${basepath!}/static/theme/css/style.css">
    <link rel="stylesheet" href="${basepath!}/static/font-awesome/css/font-awesome.css">
    <script src="${basepath!}/static/jquery-1.7.2.min.js" type="text/javascript"></script>
	<script src="${basepath!}/static/bootstrap/js/bootstrap.js" type="text/javascript"></script>
	<script src="${basepath!}/static/js/main.js" type="text/javascript"></script>
    <!--[if lt IE 9]>
    <script type="text/javascript" src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <link href="css/ie.css" type="text/css" rel="stylesheet"/>
    <![endif]-->
     <!--多说js加载开始，一个页面只需要加载一次 -->
			<script type="text/javascript">
			var duoshuoQuery = {short_name:"kblog"};
			(function() {
			    var ds = document.createElement('script');
			    ds.type = 'text/javascript';ds.async = true;
			    ds.src = 'http://static.duoshuo.com/embed.js';
			    ds.charset = 'UTF-8';
			    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ds);
			})();
			</script>
			<!--多说js加载结束，一个页面只需要加载一次 -->
			
			<script type="text/javascript" id="bdshare_js" data="type=tools&amp;uid=0" ></script>
			<script type="text/javascript" id="bdshell_js"></script>
			<script type="text/javascript">
			document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000)
			</script>
</head>

<body>

<!-- top menu -->
<div id="topmenu" class="navbar navbar-fixed-top" style="display:none;">
	<input id="blogtype_id" type="hidden" value="${(blog_type.id)!0}">
      <div class="navbar-inner">
        <div class="container-fluid">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="brand" href="#">K博客</a>
          <div class="nav-collapse collapse">
            <ul class="nav">
              <li class="blogtype-0"><a href="${basepath!}/">主页</a></li>
              <#list blogtypes as type>
              <li class="blogtype-${(type.id)!}"><a href="${basepath!}/blog?blogtype=${(type.id)!}">${(type.type_name)!}</a></li>
              </#list>
              <li class="dropdown">
                <a data-toggle="dropdown" class="dropdown-toggle" href="#">关于 <b class="caret"></b></a>
                <ul class="dropdown-menu">
                  <li><a href="#about-me">关于我</a></li>
                  <li><a href="#about-blog" data-toggle="modal">关于本博客</a></li>
                  <li class="divider"></li>
                  <li><a href="#get-blog" data-toggle="modal">获取博客</a></li>
                  <li><a href="#get-source" data-toggle="modal">博客源码</a></li>
                </ul>
              </li>
            </ul>
          </div><!--/.nav-collapse -->
        </div>
      </div>
</div>


<!-- header -->
<header id="header">
    <div class="container">
        <div class="row">
            <div class="span4 logo">
                <a href="${basepath!}/"><img src="/static/theme/images/logo.jpg" alt="logo"></a>
            </div>
        </div>
        <!-- //nav -->
	    <div id="topmenu" class="navbar">
	      <div class="navbar-inner">
	        <div class="container-fluid">
	          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
	          </button>
	          <a class="brand" href="${basepath!}/">K博客</a>
	          <div class="nav-collapse collapse">
	            <ul class="nav">
	              <li class="blogtype-0" ><a href="${basepath!}/">主页</a></li>
	              <#list blogtypes as type>
	             	  <li class="blogtype-${(type.id)!}"><a href="${basepath!}/blog?blogtype=${(type.id)!}">${(type.type_name)!}</a></li>
	              </#list>
	              <li class="dropdown">
	                <a data-toggle="dropdown" class="dropdown-toggle" href="#">关于 <b class="caret"></b></a>
	                <ul class="dropdown-menu">
	                  <li><a href="#about-me" data-toggle="modal">关于我</a></li>
	                  <li><a href="#about-blog"  data-toggle="modal">关于本博客</a></li>
	                  <li class="divider"></li>
	                  <li><a href="#get-blog" data-toggle="modal">获取博客</a></li>
	                  <li><a href="#get-source" data-toggle="modal">博客源码</a></li>
	                </ul>
	              </li>
	            </ul>
	          </div><!--/.nav-collapse -->
	        </div>
	      </div>
	</div><!-- //nav end -->
    </div>
</header>

<!-- container -->
<div id="container">
    <div class="container">
        <div class="row">
            <div class="span12">
                <div class="row">
                    <!-- page content -->
           			<#nested>
           			 <!--  //page content -->
           			 
                    <div id="sidebar" class="alignright span4">
                        <!-- Search -->
                            <form class="input-append" method="get" action="${basepath!}/blog/search">
						   		<input class="span3" name="keywords" style="height:30px" value="${keywords!}"  type="text">
						    	<button class="btn" style="height:40px" class="btn" type="submit">搜索一下</button>
						    </form>
                        <!-- Tabs -->
                        <div class="block-grey">
                            <!-- Tabs navigation -->
                            <ul class="nav nav-tabs">
                                <li class="active"><a href="#blog" data-toggle="tab">热门文章</a></li>
                                <li><a href="#archives" data-toggle="tab">最多评论</a></li>
                            </ul>
                            <!-- Tabs content -->
                            <div class="tab-content">
                                <div class="tab-pane active" id="blog">
                                    <div class="post-widget">
                                        <ul class="clearfix">
                                        <#list top_blogs as blog>
                                            <li>
                                                <div class="description">
                                                    <p><a href="${basepath!}/blog/read/${(blog.id)!}">${(blog.title)!}</a></p>
                                                    <span class="date"><em>${(blog.update_time)?string("yyyy年MM月d日")!}</em></span><span class="date"><em>&nbsp;&nbsp;&nbsp;${(blog.view_count)!0}点击量</em></span>
                                                </div>
                                                <div class="clear"></div>
                                            </li>
                                        </#list>
                                        
                                        
                                        </ul>
                                    </div>
                                </div>
                                <div class="tab-pane" id="archives">
                                    <div class="blog-category">
                                        <ul  class="ds-top-threads" data-range="weekly" data-num-items="5"></ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                         <div class="title-divider">
                            <h3>热门标签</h3>
                            <div class="divider-arrow"></div>
                        </div>
                        <div class="block-dark">
                            <div class="block-light">
                            	<div class="tags clearfix">
                            		<#list top_tags as tag>
			                      	<a title="${(tag.count)!0}篇文章" href="/blog?tag=${(tag.id)}">${(tag.tag_name)!}</a>
								 	 </#list>
								</div>
                            </div>
                        </div>
                        
                        <!-- 最近来访 -->
                        <div class="title-divider">
                            <h3>最近来访</h3>
                            <div class="divider-arrow"></div>
                        </div>
                        <div class="block-grey">
                        <div class="block-light" style="padding-top:10px;padding-right:15px;">
                           <ul class="ds-recent-visitors"></ul>
                        </div>
                        </div>
                        <!-- //最近来访 -->
                        
                      
                        <!-- Recent Posts -->
                        <div class="title-divider">
                            <h3>最新评论</h3>
                            <div class="divider-arrow"></div>
                        </div>
                        <div class="block-grey">
	                        <div class=" block-light" style="padding-top:10px;padding-right:15px;">
	                            <ul class="ds-recent-comments" data-num-items="10"></ul>
	                        </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!--footer-->
<div id="footer">
    <div class="container">
    <div class="row">
        <div class="span4 block">
            <h3>网站标签</h3>
                  <div class="">
                      <div class="tags" style="margin:0;padding:0;">
                      <#list top_tags as tag>
                      	<a title="${(tag.count)!0}篇文章" href="/blog?tag=${(tag.id)}">${(tag.tag_name)!}</a>
					  </#list>
					  </div>
               </div>
        </div>
        <div class="span4 block">
            <h3>友情链接</h3>
            <div class="tags">
                           <a href="http://www.csdn.net/">CSDN</a>
                           <a href="http://www.bootcss.com/">Bootstrap中文网</a>
                           <a href="http://www.oschina.net/">开源中国</a>
                           <a href="http://duoshuo.com/">多说</a>
                           <a href="http://developer.baidu.com">百度开发者中心</a>
                            <a href="http://www.dili360.com/">中国国家地理</a>
            </div>
        </div>
        <div class="span4 block">
            <h3>联系方式</h3>
            <div class="tags">
                               <a href="http://wpa.qq.com/msgrd?v=3&uin=530427968&site=qq&menu=yes">QQ</a>
                               <a href="http://weibo.com/333789889/">微博</a>
                               Email:luokai8@vip.qq.com
            </div>
        </div>
    </div>
    </div>
</div>

<!--footer menu-->
<div id="footer-menu">
    <div class="container">
        <div class="row">
            <p class="span12"><span>© Copyright 2013, <span class="color2">powered by <a href="http://www.kblog.com.cn">KK</a></span> | All Rights Reserved</span></p>
        </div>
    </div>
</div>

<!-- model -->
<#include "_model.html"/>
 
<a href="#" id="toTop" style="display: none; "><span id="toTopHover"></span>To Top</a>

</body></html>
</#macro>


